<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/school.css">
</head>

<body>
    <!-- 学校信息 -->
    <div class="container">
        <!-- 左边菜单栏 -->
        <div></div>
        <!-- 表格信息 -->
        <div class="content">
            <!-- 操作 -->
            <div>
                <!-- 选择学校所在的城市 -->
                <div class="left ">
                    <select class="form-control" id="selectCity">
                        <option value="all">所有</option>
                        <option value="cd">成都市</option>
                        <option value="my">绵阳市</option>
                        <option value="yaan">雅安市</option>
                        <option value="ls">乐山市</option>
                        <option value="nj">内江市</option>
                    </select>
                </div>
                <!-- 添加删除学校 -->
                <div class="left"><button class="btn" id="addSchool" data-toggle="modal"
                        data-target="#addNewSchool">录入新学校</button>
                    <button class="btn btn-danger" id="delSchool">删除</button>
                </div>

                <!-- 搜索学校 -->
                <div class="right">
                    <div class="form-inline">
                        <div class="form-group">
                            <label for="search" class="sr-only">serach</label>
                            <input type="text" class="form-control" id="searchval" placeholder="search">
                        </div>
                        <button class="btn searchBtn">serach</button>
                    </div>
                   
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- 表格 -->
        <div class="table_content">
            <div>
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th><input type="checkbox" id="allCheck"></th>
                            <th>学校id</th>
                            <th>学校名称</th>
                            <th>校长</th>
                            <th>录入时间</th>
                            <th>当前状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="tbList">

                    </tbody>
                </table>
            </div>
            <!-- 分页 -->
            <div id="pages"></div>
        </div>

        <!-- 审核立项 -->
        <div class="right applies">
            <button class="btn" id="communicate">添加沟通记录</button>
            <button class="btn" id="apply"  data-toggle="modal" data-target="#applySchool">申请立项</button>
            <button class="btn" id="shenhe" >审核</button>
        </div>
    </div>
    </div>
    <!-- 录入新学校 -->
    <div class="modal fade" id="addNewSchool" role="dialog" aria-labelledby="addNewSchool">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">录入新学校</h4>
                </div>
                <div class="modal-body">
                    <form class="form-inline" role="form">
                        <p ><label for="sId">学校id:&nbsp;&nbsp;</label><input type="text"
                                class="form-control" id="sId" required="required" /></p>
                        <p><label for="sName">学校名称:&nbsp;&nbsp;</label><input type="text"
                                class="form-control" id="sName" required="required" /></p>
                        <p><label for="sCity">所属城市:&nbsp;&nbsp;</label><select class="form-control"
                                id="sCity" required="required">
                                <option selected>成都市</option>
                                <option>绵阳市</option>
                                <option>雅安市</option>
                                <option>乐山市</option>
                                <option>内江市</option>
                            </select>
                        <p><label for="sAddress">学校地址:&nbsp;&nbsp;</label><input type="text"
                                class="form-control" id="sAddress" required="required" /></p>
                        <p ><label for="sheadmaster">校长:&nbsp;&nbsp;</label><input type="text"
                                class="form-control" id="sheadmaster" required="required" /></p>
                        <p ><label for="sTelNum">联系电话:&nbsp;&nbsp;</label><input type="tel"
                                class="form-control" id="sTelNum" required="required" /></p>
                        <p><label for="stuNum">学生人数:&nbsp;&nbsp;</label><input type="number"
                                class="form-control" id="stuNum" /></p>
                        <p ><label for="teacherNum">教师人数:&nbsp;&nbsp;</label><input type="number"
                                class="form-control" id="teacherNum" /></p>
                        <p ><label for="sIP">IP地址:&nbsp;&nbsp;</label><input type="text"
                                class="form-control" id="sIP" /></p>
                        <p ><label for="dept">负责部门:&nbsp;&nbsp;</label><select class="form-control"
                                id="dept" required="required">
                                <option >请选择</option>
                                
                            </select></p>
                        <p ><label for="fuzePople">负责人:&nbsp;&nbsp;</label><select
                                class="form-control" id="fuzePople" required="required">
                                <!-- <option>王五</option> -->
                            </select></p>
                        <p><label for="shuoming">说明:&nbsp;&nbsp;</label><textarea
                                class="form-control" rows="3" id="shuoming"></textarea></p>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal">取消</button>
                    <button type="button" class="btn addColor" data-dismiss="modal" id="addSchoolBtn">添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 查看学校信息 -->
    <div class="modal fade" id="showSchool" role="dialog" aria-labelledby="showSchool">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">查看学校信息</h4>
                </div>
                <div class="modal-body">
                    <div class="schoolInfo" id="showDataList">
                        <ul>
                            <li>学校名称：&nbsp;&nbsp;<span id="shname"></span></li>
                            <li>所属城市：&nbsp;&nbsp;<span id="shCity"></span></li>
                            <li>学校地址：&nbsp;&nbsp;<span id="shAddress"></span></li>
                            <li>联系电话：&nbsp;&nbsp;<span id="shTel"></span></li>
                            <li>校长：&nbsp;&nbsp;<span id="shMaster"></span></li>
                            <li>学生人数：&nbsp;&nbsp;<span id="sNum"></span></li>
                            <li>教师人数：&nbsp;&nbsp;<span id="TNum"></span></li>
                            <li>IP地址：&nbsp;&nbsp;<span id="shIP"></span></li>
                            <li>说明：&nbsp;&nbsp;<span id="sShuoming"></span></li>
                            <li>负责部门：&nbsp;&nbsp;<span id="fuzeDept"></span></li>
                            <li>负责人：&nbsp;&nbsp;<span id="fuzePople"></span></li>
                            <li>状态：&nbsp;&nbsp;<span id="currentStatu"></span></li>
                            <li>录入时间：&nbsp;&nbsp;<span id="luruTime"></span></li>
                            <li>申请立项时间：&nbsp;&nbsp;<span id="shenqingTime"></span></li>
                            <li>立项批准时间：&nbsp;&nbsp;<span id="pizhunTime"></span></li>
                            <li>审批意见：&nbsp;&nbsp;<span id="yijian"></span></li>
                        </ul>
                        <!-- 沟通记录 -->
                        <div>
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>时间</th>
                                        <th>校方联系人</th>
                                        <th>职务</th>
                                        <th>沟通人</th>
                                        <th>沟通内容</th>
                                    </tr>
                                </thead>
                                <tbody id="recodeTb"></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="modal-footer text-center">
                        <button type="button" class="btn addColor" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改学校信息 -->
    <div class="modal fade" id="updateSchool" tabindex="-1" role="dialog" aria-labelledby="updateSchool">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">修改学校信息</h4>
                </div>
                <div class="modal-body">
                    <div class="schoolInfo">
                        <ul>
                            <li>学校名称：<input type="text" id="UPshname" class="form-control" /></li>
                            <li>所属城市：<input type="text" id="UPshCity" disabled="disabled" class="form-control" /></li>
                            <li>学校地址：<input type="text" id="UPshAddress" disabled="disabled" class="form-control" />
                            </li>
                            <li>联系电话：<input type="tel" id="UPshTel" class="form-control" /></li>
                            <li>校长：<input type="text" id="UPshMaster" class="form-control" /></li>
                            <li>学生人数：<input type="number" id="UPsNum" class="form-control" /></li>
                            <li>教师人数：<input type="number" id="UPTNum" class="form-control" /></li>
                            <li>IP地址：<input type="text" id="UPshIP" class="form-control" /></li>
                            <li>说明：<input id="UPsShuoming" class="form-control" /></li>
                            <li>负责部门：<input type="text" id="UPfuzeDept" disabled="disabled" class="form-control" /></li>
                            <li>负责人：<input id="UPfuzePople" disabled="disabled" class="form-control" /></li>
                            <li>状态:<input id="UPcurrentStatu" disabled="disabled" class="form-control" /></li>
                            <li>录入时间：<input id="UPluruTime" disabled="disabled" class="form-control" /></li>
                            <li>申请立项时间：<input id="UPshenqingTime" disabled="disabled" class="form-control" /></li>
                            <li>立项批准时间：<input id="UPpizhunTime" disabled="disabled" class="form-control" /></li>
                            <li>审批意见：<input id="UPyijian" disabled="disabled" class="form-control" /></li>
                            <div class="clearfix"></div>
                        </ul>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn" data-dismiss="modal">取消</button>
                        <button type="button" class="btn addColor" id="updateSchoolBtn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 添加沟通记录 -->
    <div class="modal fade" id="addrecode" tabindex="-1" role="dialog" aria-labelledby="addrecode">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">添加沟通记录</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <p>沟通时间:<input type="date" class="form-control" id="contactTime" /></p>
                        <p>校方联系人：<input type="text" class="form-control" id="contacted" /></p>
                        <p>职务：<input type="text" class="form-control" id="job" /></p>
                        <p>联系人：<select class="form-control" id="contacter">
                                <!-- <option>王五</option> -->
                            </select>
                        </p>
                        <p>内容：<textarea class="form-control" rows="3" id="shuoming"></textarea></p>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal" id="quxiao">取消</button>
                    <button type="button" class="btn addColor" id="addContact" data-dismiss="modal">添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 申请立项 -->
    <div class="modal fade" id="applySchool" tabindex="-1" role="dialog" aria-labelledby="applySchool">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">申请立项</h4>
                </div>
                <div class="modal-body text-center">
                    <div class="selectCon">
                        <p class="text-left">请选择申请立项的学校</p>
                        <select class="form-control" id="applylist">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn addColor" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 审核 -->
    <div class="modal fade" id="ShenheSchool"  role="dialog" aria-labelledby="ShenheSchool">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center">审核学校</h4>
                </div>
                <div class="modal-body">
                    <div>
                        <p>请选择待审核的学校</p>
                        <select class="form-control" id="shenhelist">
                          <option value="">请选择</option>
                        </select>
                    </div>
                    <div class="schoolInfo">
                        <ul>
                            <li>学校名称：&nbsp;&nbsp;<span id="shenname"></span></li>
                            <li>所属城市：&nbsp;&nbsp;<span id="shenCity"></span></li>
                            <li>学校地址：&nbsp;&nbsp;<span id="shenAddress"></span></li>
                            <li>联系电话：&nbsp;&nbsp;<span id="shenTel"></span></li>
                            <li>校长：&nbsp;&nbsp;<span id="shenMaster"></span></li>
                            <li>学生人数：&nbsp;&nbsp;<span id="shenNum"></span></li>
                            <li>教师人数：&nbsp;&nbsp;<span id="shenTNum"></span></li>
                            <li>IP地址：&nbsp;&nbsp;<span id="shenIP"></span></li>
                            <li>说明：&nbsp;&nbsp;<span id="shenShuoming"></span></li>
                            <li>负责部门：&nbsp;&nbsp;<span id="shenfuzeDept"></span></li>
                            <li>负责人：&nbsp;&nbsp;<span id="shenfuzePople"></span></li>
                            <li>状态：&nbsp;&nbsp;<span id="shencurrentStatu"></span></li>
                            <li>录入时间：&nbsp;&nbsp;<span id="shenluruTime"></span></li>
                            <li>申请立项时间：&nbsp;&nbsp;<span id="shenTime"></span></li>
                            <li>审批意见：&nbsp;&nbsp;<textarea rows="5" cols="50" id="shenyijian"></textarea></li>
                        </ul>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn addColor" data-dismiss="modal" id="pizhun">批准立项</button>
                        <button type="button" class="btn addColor" data-dismiss="modal" id="reject">驳回立项</button>
                        <button type="button" class="btn" data-dismiss="modal" id="cancelApply">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 提示信息 -->
    <div class="modal fade" tabindex="-1" role="dialog" id="delholder" aria-labelledby="delholder">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <p class="text-center tishiInfo">删除操作不可逆，是否删除！！!</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" data-dismiss="modal" id="cancel">取消</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" id="confirm">确定</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" tabindex="-1" role="dialog" id="placeholder" aria-labelledby="placeholder">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body">
                    <p class="text-center dongtai">申请立项已提交，等待审批</p>
                    <p class="text-center tishiInfo">请选择删除项</p>
                    <p class="text-center contact">请选择沟通学校</p>
                    <p class="text-center shenhe">当前暂无待审核学校</p>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn" data-dismiss="modal" id="sure">确定</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/jquery-3.5.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/guliData.js"></script>
    <script type="text/javascript" src="../js/school.js"></script>
</body>

</html>